<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>shopping</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/goodsdetail.css">
    <link rel="stylesheet" href="../css/reset.css">
    <script src="../js/mui.min.js"></script>
    <script>
      mui.init()
    </script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav head">
			<a class="mui-action-back mui-icon icon-back"></a>
			<a class="shopcart"></a>
			<a class="classifybtn"></a>
		</header>

		<div class="mui-content detail-wrap">
			<nav class="mui-bar mui-bar-tab indexbotm">
				<span class="article rim"><img src="../images/add-article.png" alt=""></span>
				<span  class="like rim"><img src="../images/add-like.png" alt=""></span>
				<a class="reset u-button rim">加入购物车</a><a class="sure u-button">立即购买</a>
			</nav>
			<div class="mui-content bgwhite" style="top:0.85rem">
				<div id="slider" class="mui-slider">
					<div class="mui-slider-group mui-slider-loop banner">
						<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#">
								<img src="../images/goods01.png">
							</a>
						</div>
						<!-- 第一张 -->
						<div class="mui-slider-item">
							<a href="#">
								<img src="../images/goods01.png">
							</a>
						</div>
						<!-- 第二张 -->
						<div class="mui-slider-item">
							<a href="#">
								<img src="../images/goods01.png">
							</a>
						</div>
						<!-- 第三张 -->
						<div class="mui-slider-item">
							<a href="#">
								<img src="../images/goods01.png">
							</a>
						</div>
						<!-- 第四张 -->
						<div class="mui-slider-item">
							<a href="#">
								<img src="../images/goods01.png">
							</a>
						</div>
						<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#">
								<img src="../images/goods01.png">
							</a>
						</div>
					</div>
					<div class="mui-slider-indicator">
						<div class="mui-active">
							1/3
						</div>
					</div>
				</div>
			</div>
			<div class="introduce">
				
			</div>
			<div class="quality">
				<span>100%正品</span>
				<span>专业鉴定</span>
				<span>假一赔三</span>
			</div>
		</div>

		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script src="../js/goodsdetail.js"></script>
	</body>
</html>
